<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet"  href="/style/page2.css"/>
    <title>某一类商品列表信息</title>
</head>
<body>   
    <div class="container">
        <div class="jumbotron">
        <div class="header"><img src="//static.360buyimg.com/mtd/pc/supermarket_v3/3.0.1/v3/images/sprite_chaoshi_mod_header_v3@2x.png" alt="京东超市"></div>   
        <form class='relative'>
            <input type="text" name="search" placeholder="图书文具搜索...">
            <input type="button" class="button" value="确认">
            </form>
            </div>
            <div  style="width:25%; float:left;height: 1000px;">
                <img src="https://img10.360buyimg.com//babel/jfs/t1/42798/13/1539/33605/5cc6936cEf58bc94d/542eb5905c3ecdfd.jpg!q80.webp" height="600px">
            </div>    
            <div  style="width:25%;float:left">
                <a href="/page3.html" title="查看商品详情"><img src="/images/漫画国宝.jpg" alt="漫画国宝"></a>
                <a id="word" href="/page3.html" title="查看商品详情"><p>漫话国宝.漫画博物馆系列</p></a>
                <span>京 东 价
                    ￥ 86.20 </span>
            </div>
            <div  style="width:25%;float:left">
                <img src="/images/育儿百科.jpg">
                <p>崔玉涛育儿百科 凝结40年儿科临床经验 </p>
                <span>京 东 价
                    ￥ 178.00 </span>
            </div>
            <div style="width:25%;float:left">
                <img src="/images/变量书.jpg" >
                <p>变量 何帆 看见中国社会小趋势</p>
                <span>京 东 价
                    ￥ 78.80 </span>
            </div>
            <div style="width:25%;float:left">
                <img src="/images/山海经.jpg" >
                <p>山海经(全译插图典藏版)【磨铁看名著】</p>
                <span>京 东 价
                    ￥48.20 </span>
            </div>
            <div style="width:25%;float:left">
                <img src="/images/读唐诗.jpg" >
                <p>少儿读唐诗</p>
                <span>京 东 价
                    ￥ 78.00 </span>
            </div>
            <div style="width:25%;float:left">
                <img src="/images/崔元有话说.jpg" >
                <p>有话说,崔永元</p>
                <span>京 东 价
                    ￥ 64.50 </span>
            </div>
        </div>
    </body>
    </html>